<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            margin:0;
            padding:0;
            list-style:none;
        }
        .move{
            animation: moveUp 5s 3s;
            animation-direction: unset;
        }
        @keyframes moveUp {
            from{
                transform:translateY(0px);
            }
            to{
                transform:translateY(500px);
            }
        }
    </style>
</head>
<body>
    <div style="width:100%;height:100%;display:flex;justify-content:center;align-items:center;">
        <div style="width:100px;height:100px;position:relative;">
            <div class="move" style="width:100px;height:20px;background-color:#1bd292;">1111111111111</div>
        </div>
    </div>
</body>
</html>
